<!DOCTYPE html>
<style>
  #square {
    background-color: blue;
    width: 30px;
    height: 30px;
    position: relative;
    backface-visibility: hidden;
  }

  #testResults {
    display: none;
  }
</style>

<script src="../resources/text-based-repaint.js"></script>
<script>
  function repaintTest() {
    // Remove the div's only compositing reason. This should trigger a repaint.
    document.getElementById("square").style.webkitBackfaceVisibility = "visible";
  }
  runRepaintAndPixelTest();
</script>

<div id="square"></div>
